Embla Carousel

Dragabble Carousel Demo

0

1

2

3

4

5

6

7

8

9

10

11

12

13

14

Thumbnails Demo

0

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

Attributes

align Default Value is "start". Other options are "center" & "end".
dragFree Default Value is false. Setting it to true disables snapping and overrides "align" & "skipSnaps".
loop Default Value is false. Enables infinite looping of slides.
skipSnaps Default Value is true.
direction Default Value is "ltr". Can be set to "rtl" for right-to-left carousels.
containScroll Default Value is "trimSnaps". Other option: "keepSnaps". Controls how slides are contained within scroll boundaries.
slidesToScroll Default Value is "auto". Can be a number to define how many slides to scroll per interaction.
gap Default Value is "1rem". Sets spacing between slides. Accepts any valid CSS length (e.g., "16px", "2em").
scrollToIndex Default Value is null. If provided, the carousel will scroll to the specified slide index on init.